
<div>
    <ion-card>
        <ion-row>
            <ion-col size="2">
                <span *ngFor="let item of businessLogs">
                    <ion-row class="lTop" *ngIf="item.logType == '1' && item.date">
                        <ion-col size="4"></ion-col>
                        <ion-col size="8">
                            <img src="assets/images/status/round_check_fill.svg" alt="" class="check">
                        </ion-col>
                    </ion-row>
                    <ion-row *ngIf="(item.logType &&item.logType != '1' && item.logType !='15') && item.date">
                        <ion-col size="4"></ion-col>
                        <ion-col size="8" *ngIf="item.logText">
                             <div class="line-noactive"></div>
                        </ion-col>
                         <ion-col size="8" *ngIf="!item.logText">
                             <div class="line-active"></div>
                        </ion-col>
                         <ion-col size="4"></ion-col>
                        <ion-col size="8">
                               <img src="assets/images/status/round_check_fill.svg" alt="" class="check">
                        </ion-col>
                    </ion-row>
                    <ion-row *ngIf="(item.logType &&item.logType != '1'&& item.logType !='15') && !item.date">
                         <ion-col size="4"></ion-col>
                         <ion-col size="8" >
                             <div class="lines"></div>
                        </ion-col>
                         <ion-col size="4"></ion-col>
                        <ion-col size="8">
                                 <img src="assets/images/status/round_check.svg" alt="" class="noCheck">
                        </ion-col>
                    </ion-row>
                    <ion-row *ngIf="item.logType == '15' && !item.date" class="log">
                        <ion-col size="4"></ion-col>
                        <ion-col size="8">
                             <div class="lines"></div>
                        </ion-col>
                        <ion-col size="4"></ion-col>
                        <ion-col size="8">
                            <img src="assets/images/status/round_check.svg" alt="" class="noCheck">
                        </ion-col>
                    </ion-row>
                     <ion-row *ngIf="item.logType == '15' && item.date" class="log">
                        <ion-col size="4"></ion-col>
                         <ion-col size="8" *ngIf="item.logText">
                             <div class="line-noactive"></div>
                        </ion-col>
                         <ion-col size="8" *ngIf="!item.logText">
                             <div class="line-active"></div>
                        </ion-col>
                        <ion-col size="4"></ion-col>
                        <ion-col size="8">
                              <img src="assets/images/status/round_check_fill.svg" alt="" class="check">
                        </ion-col>
                     </ion-row>
                </span>
            </ion-col>
            <ion-col size="10" class="lTop module">
                <ion-row *ngFor="let item of businessLogs">
                    <ion-col size="4" class="step1" *ngIf="item.logText && item.logType == '1' && item.date">已进件</ion-col>
                    <ion-col size="4" class="step1 step" *ngIf="!item.logText && item.logType == '1' && item.date">已进件</ion-col>
                    <ion-col size="4" class="step1" *ngIf="item.logType == '4' && item.date">已初审</ion-col>
                    <ion-col size="4" class="step2" *ngIf="item.logType == '4' && !item.date">未初审</ion-col>
                    <ion-col size="4" class="step1" *ngIf="item.logType == '8'&& item.date">已派单</ion-col>
                    <ion-col size="4" class="step2" *ngIf="item.logType == '8'&& !item.date">未派单</ion-col>
                    <ion-col size="4" class="step1" *ngIf="item.logType == '9'&& item.date">已核验</ion-col>
                    <ion-col size="4" class="step2" *ngIf="item.logType == '9'&& !item.date">未核验</ion-col>
                    <ion-col size="4" class="step1" *ngIf="item.logType == '11'&& item.date">已面谈</ion-col>
                    <ion-col size="4" class="step2" *ngIf="item.logType == '11'&& !item.date">未面谈</ion-col>
                    <ion-col size="4" class="step1" *ngIf="item.logType == '15'&& item.date">已面签</ion-col>
                    <ion-col size="4" class="step2" *ngIf="item.logType == '15'&& !item.date">未面签</ion-col>
                    <ion-col size="8" class="time">{{item.date}}</ion-col>
                    <ion-col size="12" class="logText" *ngIf="item.logText"> {{item.logText}}</ion-col>
                </ion-row>
            </ion-col>
        </ion-row>
    </ion-card>

    <div class="img"><img src="assets/images/status/close_icon.svg" alt="" (click)="close()" class="closeIcon"></div>

</div>
